var jxtpro={
	/**
	 * img 图片组数据格式：[{"groupId":111,"id":1,"src":"http://www.migo.com/imgs/22321.jpg","name":"35.jpg"}]
	 */
    imgs:[],
    groupUrl:'',
    imgUrl:'',
    /**
     *group 分组数据格式： [{"type":111,"id":1,"name":"全部","count":2}]
     */
    group:[],
    /**
     * 选中图片 ID [1,2,3]
     */
    selected:[],
    
    opt:{visible:true,del:false,cancel:true,upload:true,select:false,info:{selected:0,noselected:0}},
	
	/**
	 * 初始化相册库
	 */
	init:function(data){
		//默认样式及操作
		jxtpro.opt.visible?$(".jxtpro").show():$(".jxtpro").hide();
		jxtpro.opt.del?$(".opt_del").removeClass("disable"):$(".opt_del").addClass("disable");
		
		//设置 cancel
		if(jxtpro.opt.cancel){
			$(".cancel").click(function(){
				alert("can cancel");
			});
		}
		//初始化时，是否可进行删除操作
		if(jxtpro.opt.del && jxtpro.imgs.length != 0){
			$(".opt_del").click(function(){
				alert("can del");
			});
		}
		//设置
		$(".opt_cancel").click(function(){
			if(jxtpro.opt.cancel){
				$('.jxtpro').hide();
			}
		});
		//判断imgs是否为空
		if(jxtpro.imgs.length == 0){
			jxtpro.noPhotoState();
		}
	},
	/**
	 * 打开 相册库
	 * 参数格式：
	 * 
	 * data :
	 * [{"type":111,"id":1,"name":"全部","count":2}]
	 */
	open:function(data){
		jxtpro.ajaxGroupData("group.json");
		jxtpro.ajaxImgsData("imgs.json");
		$(".jxtpro").show();
	},
	/**
	 * TODO 验证字符串是否是json格式
	 */
	isJsonFormat:function(str){
		try{
			$.parseJSON(str);
		}catch(e){
			console.log("-----------填充的数据不是json格式-----------");
			return false;
		}
		return true;
	},
	//TODO 填充数据
	fillGroup:function(data){
		if(data){
			//TODO 数据不为空,将数据append到对应的栏位，先填充分类信息
			//TODO 默认有全部图片，和  新建分类,
			$(".group_item").remove();
			
			$.each(data, function(index,item) {
				//填充
			    var groupHtml = '';
			    groupHtml += '<div class="group_item">'
			    groupHtml += '<input type="hidden" id="group_type" value="'+item.type+'" />';
			    groupHtml += item.name + "(" + item.count +")";
			    groupHtml += '</div>';
				$(".add_group").before(groupHtml);
			});
		}
	},
	/**
	 * TODO ajax加载group数据
	 */
	ajaxGroupData:function(url){
		if(url){
			groupUrl = url;
			$.ajax({
				type:"get",
				url:url,
				dataType:"json",
				success:function(data){
					if(data){
						//将数据加载到缓存中
						jxtpro.group = data;
						jxtpro.opt.del = true; // 删除设置为可操作
						jxtpro.fillGroup(data);
					}
				}
			});
		}
	},
	/**
	 * TODO ajax加载 对应group的图片数据 
	 */
	ajaxImgsData:function(url,param){
		if(url){
			imgUrl = url;
			$.ajax({
				type:"get",
				url:url,
				data:{type:param},
				dataType:"json",
				success:function(data){
					if(data){
						jxtpro.imgs = data;
						jxtpro.fillImgs(data);
					}else{
						noPhotoState();
					}
				}
			});
		}
	},
	noPhotoState:function(){
		$(".no_photo").remove();
		var nophotoHtml =  '<div class="no_photo">';
		nophotoHtml += '暂时没有图片素材';
		nophotoHtml += '</div>';
		$(".photo_content").append(nophotoHtml);	
	},
	fillImgs:function(data){
		if(data){
			$(".photo_content").empty();
			//TODO 填充图片集合
			$.each(data, function(index, item) {
				var imgHtml = ' <div class="img_item">';
					imgHtml += '  <input type="hidden" id="id" value="'+item.id+'" />';
					imgHtml += '  <img src="'+item.src+'" />';
					imgHtml += '  <div class="img_name">'+item.name+'</div>';
					imgHtml += '</div>';			
				$(".photo_content").append(imgHtml);			
			});
			
			$(".page").remove();
			//TODO 填充分页组件
			var pageHtml =  '<div class="page">';
				pageHtml += '	<div class="page_number">1/162</div>';
				pageHtml += '	<a href="#"> <img src="img/you.png"/></a>';		
				pageHtml += '	<input />';		
				pageHtml += '	<span class="goto_page">跳转</span>';		
				pageHtml += '</div>';	
			$(".photo_center_right").append(pageHtml);		
			
		}
	},
	/**
	 * TODO 新增分类
	 * 返回 类型值 1， 2，3，4，5
	 */
	addGroup:function(data){
		var type = jxtpro.randomNum(3);
		//TODO 弹出 添加分组
		var groupHtml = '';
	    groupHtml += '<div class="group_item">'
	    groupHtml += '<input type="hidden" id="group_type" value="'+type+'" />';
	    groupHtml += item.name + "(" + item.count +")";
	    groupHtml += '</div>';
		$(".add_group").before(groupHtml);
	},
	randomNum:function(n){
		var t=''; 
	    for(var i=0;i<n;i++){ 
	        t+=Math.floor(Math.random()*10); 
	    } 
	    return t; 
	},
	/**
	 * TODO 选中
	 */
	seleted:function(data){},
	/**
	 * TODO 确定
	 */
	ensure:function(data){},
	/**
	 * TODO 删除，可支持单个删除/批量删除
	 */
	del:function(el,type,fn){
		
		//添加监听事件
		//IE 兼容版
		if(el.addEventListener){
			el.addEventListener(el,type,fn);
		}else if(el.attachEvent){
			el.attachEvent("on"+type,fn);
		}
	}
}
